<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>更新页面</title>
    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/css/bootstrap.min.css">

    <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.staticfile.net/popper.js/2.9.3/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>


    <style>
        .content{
            width: 800px;
            height: 400px;
            margin: 0 auto;
        }

        .content .mb-3 .form-control{
            width: 300px;
        }




    </style>
</head>
<body>
<div class="content">
    <form th:action="@{'/article/update/'+${article.id}}" method="post">
        <div class="mb-3 mt-3">
            <label for="name" class="form-label">标题</label>
            <input type="text" class="form-control" id="name" placeholder="输入姓
名" name="title" th:value="${article.title}">
        </div>
        <div class="mb-3">
            <label for="age" class="form-label">内容</label>
            <input type="text" class="form-control" id="age" placeholder="输入年
龄" name="content" th:value="${article.content}">
        </div>
        <button type="submit" class="btn btn-primary">提交</button>
    </form>
</div>
</body>
</html>